<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
    .timeline-wrapper .timeline-row .timeline-item .timeline-icon{
        width: 44px;
        height: 44px;
    }
    .sbTable tr td {
        padding:  5px 0 5px 0;
    }
</style>
<script>
    var info = {{ info }};
</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px;overflow-y: hidden">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#style3Tab1" data-toggle="tab">沟通</a></li>
                {% if bResult == 1 %}
                    <li class=""><a href="#style3Tab2" data-toggle="tab">项目组</a></li>
                    <li class=""><a href="#style3Tab3" data-toggle="tab">推进进度</a></li>
                    <li class=""><a href="#style3Tab4" data-toggle="tab">反馈</a></li>
                    <li class=""><a href="#style3Tab5" data-toggle="tab">使用情况</a></li>
                {% endif %}
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;overflow-y: auto">
                    <div class="scrollView">
                        <div>
                            <form id="xh_form">
                                <div class="xh-area-form">
                                    <table style="width: 600px;">
                                        <tr>
                                            <td style="width: 75px;"><label>沟通结果</label></td>
                                            <td>
                                                <select name="bResult" style="display: inline;width: 200px;">
                                                    <option value="0">否</option>
                                                    <option value="1">是</option>
                                                </select>
                                            </td>
                                            <td style="width: 75px;"><label>沟通时间</label> <input type="hidden" name="iSBLId">
                                            </td>
                                            <td>
                                                <input name="tTime" type="date" class="form-date">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="middle"><label>沟通内容</label></td>
                                            <td colspan="3">
                                                <textarea name="mContent" rows="5" border="0"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td>
                                                <a id="save" class="btn btn-primary">保存</a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                        <div style="margin: 20px;">
                            <div class="timeline-wrapper " id="timeWraper">

                            </div><!-- ./timeline-wrapper -->
                        </div>
                    </div>
                </div><!-- ./tab-pane -->
                {% if bResult == 1 %}
                <div class="tab-pane fade"  id="style3Tab2" style="height: 100%;width: 100%">
                    <iframe  id="groupFrame" src="{{ url('school_book/groupOrg?iSBLId=')~iSBLId }}" name="groupFrame"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab3" style="height: 100%;width: 100%">
                    <iframe  id="pushLogFrame" name="pushLogFrame"  src="{{ url('school_book/pushLog?iSBLId=')~iSBLId }}"  style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab4" style="height: 100%;width: 100%">
                    <iframe  id="feedbackFrame" name="feedbackFrame"  src="{{ url('school_book/feedback?iSBLId=')~iSBLId }}"  style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                    <div class="tab-pane fade"  id="style3Tab5" style="height: 100%;width: 100%">
                        <iframe  id="bookUseFrame" name="bookUseFrame"  src="{{ url('school_book/bookUseTab?iSBLId=')~iSBLId }}"  style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                    </div><!-- ./tab-pane -->
                {% endif %}
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>